<template>
    <div class="video">
        <keep-alive include="video-folder"><!-- 只对video-folder组件(视频分类)进行缓存 -->
            <router-view></router-view>
        </keep-alive>
        <!-- 
            todo：
            目前视频详情页还没有做到缓存效果。

            需要把keep-alive + router-view 
            改造成 
            keep-alive + <component :is="组件名变量">(动态组件) + 兄弟组件传值
            等方式，才行。改动较多，右面有时间改吧。
        -->
    </div>
</template>

<script>
export default {
    name:'content-video',
    data(){
        return{

        }
    },
    methods:{

    }
}
</script>

<style scoped>
.video{ /* 占满父元素的空间 */
    width: 100%;
    height: 100%;
}
</style>